<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>林氏整装定制 - 透明定价方案 | 专业全屋定制服务</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#0891b2', // 更柔和的青蓝色
                        secondary: '#ea580c', // 更柔和的橙色
                        accent: '#047857', // 更柔和的绿色
                        dark: '#1e293b'
                    },
                    animation: {
                        'fade-in': 'fadeIn 0.6s ease-in-out',
                        'slide-up': 'slideUp 0.8s ease-out',
                        'float': 'float 3s ease-in-out infinite'
                    }
                }
            }
        }
    </script>
    <style>
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes slideUp {
            from { transform: translateY(30px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        .glass {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        .gradient-bg {
            background: #0891b2 !important;
        }
        .card-glow {
            box-shadow: 0 8px 32px rgba(8, 145, 178, 0.1) !important;
        }
        /* 移除所有hover效果，因为这是纯展示页面 */
        .text-gradient {
            color: #0891b2 !important;
        }
        /* 强制应用林氏品牌色 */
        .linsy-primary {
            color: #0891b2 !important;
        }
        .linsy-bg-primary {
            background-color: #0891b2 !important;
        }
        .linsy-gradient {
            background: #0891b2 !important;
        }
    </style>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body class="bg-gradient-to-br from-slate-50 to-blue-50 min-h-screen">
    <!-- 导航栏 -->
    <nav class="glass fixed w-full z-50 top-0">
        <div class="px-4 py-3">
            <div class="flex justify-between items-center">
                <div class="flex items-center space-x-2">
                    <div class="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
                        <i class="fas fa-home text-white text-sm"></i>
                    </div>
                    <h1 class="text-lg font-bold text-gradient">林氏整装定制</h1>
                </div>

            </div>
        </div>
    </nav>

    <!-- 主横幅 -->
    <section class="relative pt-20 pb-20 overflow-hidden">
        <!-- 背景图片 -->
        <div class="absolute inset-0 z-0">
            <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" 
                 alt="现代家居定制" 
                 class="w-full h-full object-cover">
            <div class="absolute inset-0 bg-black/50"></div>
        </div>
        
        <!-- 内容 -->
        <div class="relative z-10 px-4">
            <div class="text-center">
                <h1 class="text-4xl font-bold text-white mb-6">
                    林氏整装定制
                </h1>
                <p class="text-white/90 text-xl mb-8">
                    透明定价方案
                </p>
                <p class="text-white/80 text-lg mb-8">
                    三种套餐，满足不同需求<br>
                    价格透明，无隐形费用
                </p>
                
                <!-- 承诺信息 -->
                <div class="bg-white/10 rounded-2xl p-6 max-w-md mx-auto">
                    <p class="text-white text-base">
                        <i class="fas fa-shield-alt mr-3 text-yellow-300"></i>
                        所有套餐都包含：环保板材 + 优质五金 + 免费上门量房设计
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- 价格方案 -->
    <section class="px-4 py-16">
        <div class="text-center mb-8 animate-slide-up">
            <!-- 品牌标识 -->
            <div class="mb-4">
                <div class="inline-flex items-center bg-primary rounded-full px-6 py-2">
                    <i class="fas fa-star text-white text-sm mr-2"></i>
                    <span class="text-white font-bold text-lg">林氏整装定制</span>
                </div>
            </div>
            <h2 class="text-2xl font-bold text-dark mb-2">三种套餐任您选择</h2>
            <p class="text-gray-600">根据您的需求和预算，选择最适合的方案</p>
        </div>
        
        <div class="space-y-6">
            <!-- 基础版 -->
            <div class="bg-white rounded-3xl shadow-xl card-glow p-6 animate-slide-up">
                <div class="flex justify-between items-center mb-4">
                    <div>
                        <h3 class="text-xl font-bold text-dark">经济版</h3>
                        <p class="text-gray-500 text-sm">实用收纳方案</p>
                    </div>
                    <div class="text-right">
                        <div class="text-2xl font-bold text-primary">¥950</div>
                        <div class="text-gray-500 text-sm">/平方米</div>
                    </div>
                </div>
                <div class="bg-gray-50 rounded-2xl p-4 mb-4">
                    <p class="text-gray-600 text-sm">性价比之选，环保板材，优质五金配件</p>
                </div>

            </div>

            <!-- 实用版 -->
            <div class="bg-primary rounded-3xl shadow-xl card-glow p-6 animate-slide-up relative">
                <div class="absolute -top-3 left-1/2 transform -translate-x-1/2">
                    <span class="bg-secondary text-white px-4 py-1 rounded-full text-xs font-bold">推荐</span>
                </div>
                <div class="flex justify-between items-center mb-4">
                    <div>
                        <h3 class="text-xl font-bold text-white">舒适版</h3>
                        <p class="text-blue-100 text-sm">家庭首选</p>
                    </div>
                    <div class="text-right">
                        <div class="text-2xl font-bold text-white">¥1099</div>
                        <div class="text-blue-100 text-sm">/平方米</div>
                    </div>
                </div>
                <div class="bg-white/20 rounded-2xl p-4 mb-4 backdrop-blur-sm">
                    <p class="text-white text-sm">功能更全面，解决生活痛点，免费上门量房设计</p>
                </div>

            </div>

            <!-- 奢华版 -->
            <div class="bg-white rounded-3xl shadow-xl card-glow p-6 animate-slide-up">
                <div class="flex justify-between items-center mb-4">
                    <div>
                        <h3 class="text-xl font-bold text-dark">豪华版</h3>
                        <p class="text-gray-500 text-sm">品质生活之选</p>
                    </div>
                    <div class="text-right">
                        <div class="text-2xl font-bold text-primary">¥1599</div>
                        <div class="text-gray-500 text-sm">/平方米</div>
                    </div>
                </div>
                <div class="bg-gray-50 rounded-2xl p-4 mb-4">
                    <p class="text-gray-600 text-sm">智能功能+精美设计，打造品质生活，免费上门量房设计</p>
                </div>

            </div>
        </div>
    </section>

    <!-- 案例展示 -->
    <section class="px-4 py-16">
        <div class="text-center mb-8">
            <h2 class="text-2xl font-bold text-dark mb-2">空间效果展示</h2>
            <p class="text-gray-600">不同套餐在不同空间的完美呈现</p>
        </div>

        <!-- 玄关 -->
        <div class="mb-12">
            <h3 class="text-lg font-bold text-dark mb-4 flex items-center">
                <i class="fas fa-home text-primary mr-2"></i>玄关空间
            </h3>
                        <div class="flex space-x-4 overflow-x-auto pb-4">
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="经济版玄关" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">经济版</h4>
                        <p class="text-gray-600 text-sm">简约实用的玄关收纳方案</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="舒适版玄关" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">舒适版</h4>
                        <p class="text-gray-600 text-sm">功能升级的玄关解决方案</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="豪华版玄关" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">豪华版</h4>
                        <p class="text-gray-600 text-sm">智能化玄关系统</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 餐厅 -->
        <div class="mb-12">
            <h3 class="text-lg font-bold text-dark mb-4 flex items-center">
                <i class="fas fa-utensils text-primary mr-2"></i>餐厅空间
            </h3>
                        <div class="flex space-x-4 overflow-x-auto pb-4">
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="经济版餐厅" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">经济版</h4>
                        <p class="text-gray-600 text-sm">基础餐厅收纳功能</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="舒适版餐厅" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">舒适版</h4>
                        <p class="text-gray-600 text-sm">多功能餐厅解决方案</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="豪华版餐厅" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">豪华版</h4>
                        <p class="text-gray-600 text-sm">高端餐厅定制方案</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 客厅 -->
        <div class="mb-12">
            <h3 class="text-lg font-bold text-dark mb-4 flex items-center">
                <i class="fas fa-couch text-primary mr-2"></i>客厅空间
            </h3>
                        <div class="flex space-x-4 overflow-x-auto pb-4">
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="经济版客厅" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">经济版</h4>
                        <p class="text-gray-600 text-sm">简约客厅收纳</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="舒适版客厅" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">舒适版</h4>
                        <p class="text-gray-600 text-sm">多功能客厅设计</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="豪华版客厅" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">豪华版</h4>
                        <p class="text-gray-600 text-sm">智能客厅系统</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 卧室 -->
        <div class="mb-12">
            <h3 class="text-lg font-bold text-dark mb-4 flex items-center">
                <i class="fas fa-bed text-primary mr-2"></i>卧室空间
            </h3>
                        <div class="flex space-x-4 overflow-x-auto pb-4">
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="经济版卧室" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">经济版</h4>
                        <p class="text-gray-600 text-sm">基础卧室收纳</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="舒适版卧室" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">舒适版</h4>
                        <p class="text-gray-600 text-sm">多功能卧室设计</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="豪华版卧室" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">豪华版</h4>
                        <p class="text-gray-600 text-sm">智能卧室系统</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 次卧榻榻米 -->
        <div class="mb-8">
            <h3 class="text-lg font-bold text-dark mb-4 flex items-center">
                <i class="fas fa-square text-primary mr-2"></i>次卧榻榻米
            </h3>
                        <div class="flex space-x-4 overflow-x-auto pb-4">
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="经济版榻榻米" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">经济版</h4>
                        <p class="text-gray-600 text-sm">基础榻榻米设计</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="舒适版榻榻米" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">舒适版</h4>
                        <p class="text-gray-600 text-sm">多功能榻榻米</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="豪华版榻榻米" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">豪华版</h4>
                        <p class="text-gray-600 text-sm">智能榻榻米系统</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 阳台 -->
        <div class="mb-12">
            <h3 class="text-lg font-bold text-dark mb-4 flex items-center">
                <i class="fas fa-sun text-primary mr-2"></i>阳台空间
            </h3>
                        <div class="flex space-x-4 overflow-x-auto pb-4">
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="经济版阳台" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">经济版</h4>
                        <p class="text-gray-600 text-sm">基础阳台收纳</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="舒适版阳台" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">舒适版</h4>
                        <p class="text-gray-600 text-sm">多功能阳台设计</p>
                    </div>
                </div>
                <div class="bg-white rounded-2xl shadow-lg flex-shrink-0 w-64">
                    <div class="h-32 rounded-t-2xl overflow-hidden">
                        <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=300&q=80" 
                             alt="豪华版阳台" 
                             class="w-full h-full object-cover">
                    </div>
                    <div class="p-4">
                        <h4 class="font-bold text-dark mb-1">豪华版</h4>
                        <p class="text-gray-600 text-sm">智能阳台系统</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 优势特点 -->
    <section class="px-4 py-16">
        <div class="text-center mb-8">
            <!-- 品牌标识 -->
            <div class="mb-4">
                <div class="inline-flex items-center bg-secondary rounded-full px-6 py-2">
                    <i class="fas fa-star text-white text-sm mr-2"></i>
                    <span class="text-white font-bold text-lg">林氏整装定制</span>
                </div>
            </div>
            <h2 class="text-2xl font-bold text-dark mb-2">为什么选择我们</h2>
            <p class="text-gray-600">专业服务，透明价格，让您省心省力</p>
        </div>
        
        <div class="space-y-6">
            <div class="bg-white rounded-2xl shadow-lg p-6">
                <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-primary rounded-xl flex items-center justify-center mr-4">
                        <i class="fas fa-chart-line text-white text-lg"></i>
                    </div>
                                         <div>
                         <h3 class="font-bold text-dark">价格透明易懂</h3>
                         <p class="text-gray-600 text-sm">简单明了的报价，无隐形费用</p>
                     </div>
                </div>
            </div>
            
            <div class="bg-white rounded-2xl shadow-lg p-6">
                <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-secondary rounded-xl flex items-center justify-center mr-4">
                        <i class="fas fa-comments text-white text-lg"></i>
                    </div>
                                         <div>
                         <h3 class="font-bold text-dark">专业贴心服务</h3>
                         <p class="text-gray-600 text-sm">一对一专属服务，全程贴心跟进</p>
                     </div>
                </div>
            </div>
            
            <div class="bg-white rounded-2xl shadow-lg p-6">
                <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-accent rounded-xl flex items-center justify-center mr-4">
                        <i class="fas fa-coins text-white text-lg"></i>
                    </div>
                                         <div>
                         <h3 class="font-bold text-dark">品质保证</h3>
                         <p class="text-gray-600 text-sm">优质材料，精湛工艺，品质有保障</p>
                     </div>
                </div>
            </div>
        </div>
    </section>



    <!-- 页脚 -->
    <footer class="bg-dark text-white py-12 px-4">
        <div class="text-center">
            <h3 class="text-xl font-bold mb-4">林氏整装定制</h3>
            <p class="text-gray-400 mb-6">专业全屋定制服务，为您打造理想生活空间</p>
            <div class="flex justify-center space-x-6 mb-6">
                <a href="#" class="text-gray-400 hover:text-white">
                    <i class="fab fa-weixin text-2xl"></i>
                </a>
                <a href="#" class="text-gray-400 hover:text-white">
                    <i class="fab fa-weibo text-2xl"></i>
                </a>
                <a href="#" class="text-gray-400 hover:text-white">
                    <i class="fab fa-qq text-2xl"></i>
                </a>
            </div>
            <div class="border-t border-gray-700 pt-6 text-gray-400">
                <p>&copy; 2024 林氏整装定制. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <!-- 纯展示页面，无需交互功能 -->
</body>
</html> 